//-------------------------------------------------------------------------
html
    height 100%
body
    margin 0
    padding 0
    height 100%
    font 13px "Arial", sans-serif;
//-------------------------------------------------------------------------
img
    border 0
    padding 0
    margin 0

ul
    list-style-type none
    padding 0
    margin 0

h1,h2,h3,h4,h5
    heading_style()
//-------------------------------------------------------------------------
p.error, p.info
    display inline
    margin 60px
    font-size 200%
    border-radius 5px
    max-width 750px
    padding 6px
//-------------------------------------------------------------------------
.logo
    float left
    padding-top 2px
    padding-bottom 0px
    margin 0px
    padding-left 25px
//-------------------------------------------------------------------------
.usercontainer
    user_container_style()
    float right
    padding-top 7px
    a
        text-decoration none
    ul
        margin 0
        display inline
    li
        //float left
        margin-left 6px
        display inline
        //list-style-type none
        padding-left 5px
        padding-right 5px
        //text-shadow #333 1px 1px 2px
        //padding 2px
    #notification-counter
        font-weight 700
        notification_counter_style()
        cursor pointer
        padding 2px
        padding-left 5px
        padding-right 5px
//-------------------------------------------------------------------------
.prelabel
    margin-right 12px
.modal-body
    input
        text-align left // eller right ??
        width 190px
.tooltip
    em
        font-style normal
        color #fa8
//-------------------------------------------------------------------------
.period
    float left
    // display inline
    width 33.3333333%
    // period_style()
    box-sizing border-box
    -moz-box-sizing border-box;
    padding 4px
    h3
        text-transform uppercase
        padding-bottom 4px
        padding-left 15px
        font-weight bold
        color #999
        // border-bottom 2px solid hsla(0,0,0,0.3)
//---------------------------------------------------------------------------
/*.task          //OLD SHITE
    task_style()

    padding 6px
    border-radius 3px
    margin-bottom 7px
    cursor pointer
    // -moz-box-shadow: 2px 2px  rgba(0,0,0,0.5);
    // -webkit-box-shadow: 2px 2px rgba(0,0,0,0.5);
    // box-shadow: 2px 2px rgba(0,0,0,0.5);
    h4
        margin-top 4px
    &.trans
        opacity 0.2
        text-align center
    img
        display inline
    border-right 10px solid
    &.low-risk
        border-color green
    &.medium-risk
        border-color yellow
    &.high-risk
        border-color red
*/
//-------------------------------------------------------------------------
nav
    width 100px
    float left
    position fixed

nav, .button-list
    a
        nav_style()
        text-decoration none
        display block
        *   
            vertical-align middle
        
        span.menulabel
            font "arial" sans-serif
            font-size 11px
            color #A7A7A7
            margin-top 5px
            overflow hidden
            text-align center
            text-overflow ellipsis
            white-space nowrap
            display block

    ul
        margin 0
        padding 0
    li
        list-style-type none
        margin-bottom 8px
        margin-left 5px
//-------------------------------------------------------------------------

.lightbox
    margin 0 0
    padding 0 0

//-------------------------------------------------------------------------
.taskView
    a.resource
        white-space: nowrap
    ul
        padding-top 15px
        display table
        width 800px
    li
        display table-row
        list-style-type none
        margin-bottom 5px
        &.inactive
            opacity 0.3
        &.special
            // border-radius 4px
            // background hsl(44,45%,93%)
            border-bottom 1px solid #bbb
        h3
            display table-cell
            width 110px
            vertical-align baseline
            font-size 90%
            text-transform uppercase
            font-weight bold
            color #777
            // text-decoration underline
            // text-shadow hsla(0,0,20%,0.3) 0 0 3px
        p
            display table-cell
            vertical-align baseline
            padding 8px
            input
                width 95%
        .phase-select
            a
                border 1px solid transparent
                border-radius 2px
                padding 0 8px
                cursor pointer
                background-color #eaeaea
                background-image linear-gradient(top,whiteSmoke,#F1F1F1)
                color #444444
                // text-shadow 0px 1px rgba(0, 0, 0, 0.102)
                text-transform uppercase
                text-decoration none
                text-align center
                display inline-block
                font-size 11px
                font-weight 700
                height 27px
                line-height 27px
                min-width 56px
                padding 0px 8px
                &:hover
                    box-shadow inset 0px 0px 0px 1px #FFFFFF
                &.selected
                    color #fff
                    background-color #c54433
                    border-bottom-color #D14836
                    border-left-color #D14836
                    border-right-color #D14836
                    border-top-color #D14836
        .edit-button
            display table-cell
            color white
            padding 4px
            font-weight bold
            border-radius 3px
            opacity 0.3
            &:hover
                opacity 1.0
                background none
    input#title
        display inline
        border 0px
        background-color transparent
        font-size 50px
    p#title
        font-size 45px  
    p.desc
        font-style italic
        font-size 120%
    h3
        color #333
    textarea, input
        background hsla(0,0,0,0.7)
        // border-radius 8px
        border 0
        border-radius 6px
        padding 6px
        color white
        width 100%
        font-family calibri, verdana
        font-size 20px
    textarea
        min-height 120px
    a.resource > *
        white-space nowrap
    a.resource
        padding 3px
        cursor pointer
        margin 2px
        background #ddd
        border 1px solid #333
        border-radius 2px
        &:hover
            background red
            color white
            &.add
                background green !important
    .riskChanges
        li
            margin-bottom 6px
        .risk-level
            background black
            color white
            margin 3px
            padding 3px
            border-radius 2px
            margin-left 8px
        .meta
            margin 4px
            margin-left 6px
            color #777
            font-style italic
//-------------------------------------------------------------------------
.login
    text-align              center
    height 100%
    display block
    .infocontainer
        padding-top             10px
        span
            font-weight         550
        li
            list-style-type     none
            padding-top         15px
        input
            padding-left        10px
            padding-right       10px
            padding-top         5px
            padding-bottom      5px
            width               200px
            font-weight         bold
            border-radius       1em 1em 1em 1em
            text-align          center
        img
            border-radius       4em 2em 6em 4em
            padding             10px 10px 10px 10px
//-------------------------------------------------------------------------
section#content
    content_style()
    margin-left 110px
    margin-right 12px
    padding 5px 5px 5px 5px
    border-radius 5px
    min-height 85%
    max-height 90%
    //margin-bottom 80px
    overflow auto
    &.fullscreen
        margin-left 12px !important
//-------------------------------------------------------------------------
footer
    margin-top 8px
    background-color rgba(248,248,248,1)
    box-shadow 0 0 5px rgba(0,0,0,0.2)
    position fixed
    bottom 0
    width 100%
    left 0
    text-align center
    // a:hover
    //     background none
    a > *
        vertical-align middle
//-------------------------------------------------------------------------
// .module
//     margin 1px
//     margin-left 10px
//     margin-bottom 10px
//     z-index 100
//     h5
//         padding 3px
//         border-radius 2px
//         margin 3px
//         margin-bottom 8px
//     ul
//         margin 0
//         margin-left 17px
//         margin-bottom 20px
//     a
//         // text-decoration underline
//-------------------------------------------------------------------------
#box
    width 500px
    height 300px
    margin 30px
    padding 10px
    border 3px solid black
    background #dd
//-------------------------------------------------------------------------
.ui-slider-handle
    opacity 0.7
//-------------------------------------------------------------------------
.popup
    h5
        padding 3px
        border-radius 2px
        margin 3px
        margin-bottom 8px
    input
        display block
        width 80%
        margin auto auto
        border-radius 4px
        size 20px
    button
        margin-top 20px
//-------------------------------------------------------------------------
#theme-select
    margin-top 32px
    font-size 75%
    a
        margin 4px
        &.selected
            border-bottom 2px solid #5d811a
//-------------------------------------------------------------------------
#notifications-menu
    top 20px
    z-index 1000
    position absolute
    margin-left -400px
    // left -400px
    display none
    width 400px
    height 300px
//-------------------------------------------------------------------------
#tools
    margin auto auto
#tools > ul
    display inline
    margin 8px
    li
        display inline
        margin 4px
    // float left
ul#quarters
    li
        margin 0
        a
            font-size 150%
            &:hover
                color white
                background darken(hsl(200, 28%, 76%), 35%)
            &.selected
                color white
                background darken(hsl(200, 28%, 76%), 50%)

//-------------------------------------------------------------------------
p.resources
    input
        display inline
        width 200px
//-------------------------------------------------------------------------
.tooltip
    font-weight bold
.idea
    cursor pointer
    float left
    min-width 120px
    max-width 220px
    position absolute

//-------------------------------------------------------------------------
.fancybox-outer
    //background url(/images/fancy-bg.png) !important
//-------------------------------------------------------------------------

//-------------------------------------------------------------------------
